/* 旋转 */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* 上下浮动 */
@keyframes float {  
  0% {  
    transform: translateY(0px);
  }  
  50% {  
    transform: translateY(20px);
  }  
  100% {  
    transform: translateY(0px);
  } 
}  

/* 放大 */
@keyframes scale {  
  0% {  
    transform: scale(1);
  }    
  50% {  
    transform: scale(1.2);
  } 
  100% {  
    transform: scale(1);
  }    
}  

/* 放大 */
@keyframes amplify {
  0% {
    transform: translate(-50%, -50%) scale(0.1);
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
  }
}

/* 线条发散 */
@keyframes divergence {
  0%{
    width: 0%;height: 0%;
  }
  100%{
    width: 100%;height: 100%;
  }
}

/* wow */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}


.scale {
  animation-name: scale;
}